<template>
  <section>
    <slot v-if="!!text" name="prefix" />
    <span v-if="!!text" :class="'text-' + type">{{ text }}</span>
    <slot v-if="!!text" name="suffix" />
  </section>
</template>

<script>
/**
 *
 *  Copyright 2019 The FATE Authors. All Rights Reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */

export default {
  name: 'LoginHint',

  props: {
    type: {
      type: String,
      default: 'error'
    },
    text: {
      type: String,
      default: ''
    }
  },

  data() {
    return {}
  },

  methods: {}
}
</script>

<style scoped lang="scss">
.text-error {
	color: red;
}
.text-warning {
	color: red;
}
</style>
